<!--
 * @Description: 渲染markdown文件
 * @Author: hai-27
 * @Date: 2020-03-12 17:30:46
 * @LastEditors: hai-27
 * @LastEditTime: 2020-03-12 18:23:58
 -->
<template>
  <div id="my-markdown" class="markdown-body">
	  <h3 style="align-items: center">永远相信美好的事情即将发生</h3>
	  <div>小米集团成立于2010年4月，2018年7月9日在香港交易所主板挂牌上市(1810.HK)，
		  是一家以智能手机、智能硬件和IoT平台为核心的消费电子及智能制造公司。</div>
	  <div>胸怀“和用户交朋友，做用户心中最酷的公司”的愿景，小米致力于持续创新，不断追求极致的产品服务体验和公司运营效率，
		  努力践行“始终坚持做感动人心、价格厚道的好产品，让全球每个人都能享受科技带来的美好生活”的公司使命。</div>
	  <img src="../assets/imgs/about-1.png" alt />
	  <div>“和用户交朋友，做用户心中最酷的公司”的愿景在驱动着我们努力创新，不断追求极致的产品和效率，成就了一个不断缔造成长奇迹的小米。</div>
	  <img src="../assets/imgs/about-2.png" alt />
	  <div>小米是全球领先的智能手机品牌之一，智能手机出货量稳居全球前三。截至2023年6月，全球MIUI月活跃用户6.06亿。
		  同时，小米已经建立起全球领先的消费级AIoT（人工智能和物联网）平台，截至2023年6月30日，小米AIoT平台
		  已连接的IoT设备（不包括智能手机、笔记本电脑及平板）数达到6.55亿。</div>
	  <br/>
	  <div>目前，集团业务已进入全球逾100个国家和地区。2023年8月，小米集团连续五年入选《财富》“世界500强排行榜 ”(Fortune Global 500) 。</div>
	  <br/>
	  <div>小米集团目前为恒生指数、恒生中国企业指数、恒生科技指数及恒生神州50指数成份股。</div>
	  <vue-markdown :source="md"></vue-markdown>
  </div>
</template>
<script>
import VueMarkdown from "vue-markdown";
export default {
  name: "MyMarkdown",
  components: {
    VueMarkdown
  },
  data() {
    return {
      md: ""
    };
  },
  created() {
    // 从后端请求README.md
    this.$axios
      .get("/api/public/docs/README.md", {})
      .then(res => {
        this.md = res.data;
      })
      .catch(err => {
        return Promise.reject(err);
      });
  }
};
</script>
<style>
@import "../assets/css/github-markdown.css";
.markdown-body {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0 40px;
}
</style>